$(function(){
		var currentShow;
	//箭头提示框的定位与提示
	$("#content .show").click(function(){
		currentShow="this";//当前点击的那个文本框，放进全局变量中
		//2.1获取文本框的top和left，以及它的宽度
		var top=$(this).offset().top;
		var left=$(this).offset().left;
		var w=$(this).outerWidth();
		
		$("#tip").css({
			top:top,//箭头提示框的top与文本框的top一致
			left:left+w+10,//left=文本框left+文本框width
			display:"block"
		});
		//2.3将箭头提示框里的内容进行填充,内容从文本框的自定义属性获取
		$("#tip").text($(this).attr("myAttr"));
	});
	
	
	   //3.文本框失去焦点的时候进行验证
	$("#content .show").blur(function(){
		//3.1获取文本框里的正则表达式字符串
		var regText=$(this).attr("pattern");
		//3.2通过字符串生成一个正则表达式
		var reg=new RegExp(regText);
		if(!reg.test(this.value)){
			//3.3如果验证失败,则将文本框的提示语句取出来显示在div中
			$(this).next().text($(this).attr("myAttr"));
			//并将文本框变成红色
			$(this).css("border-color","red");
		}else{
			//3.4如果验证成功,清除div的提示语句
			$(this).next().html("&nbsp;");//html("&nbsp;")表示空格的标签
			//3.5隐藏箭头提示框
			$("#tip").hide();
			//3.6将文本框边框恢复为灰色
			$(this).css("border-color","#CCCCCC");
		}
	})
	var isClose=true;////定义全局变量判断眼睛是否关闭
	//4.密码明文与密文的切换
	$(".eye").click(function(){
		if(isClose){//如果眼睛是关闭时
			//替换背景图片，让眼睛睁开
			$(this).css("background-image","url(img/eye1.jpg)");
			isClose=false;
			$("input.pass").attr("type","text");//输入框会出现文本内容
		}else{//否则引入闭着眼睛的图片
			$(this).css("background-image","url(img/eye2.jpg)");
			$("input.pass").attr("type","password");//输入框会出现密文的显示
			isClose=true;
		}
	})
	
})

	//7.验证码
	showValid();//先随机生成一次验证码
	$("#showValidate").click(showValid);//点击时生成一次验证码
	$("#validateCode").blur(function(){//失去焦点时验证
		if($(this).val()!=validNumber){//如果获取输入的值不等于解析后的结果
			//那么该元素的父元素的下一个兄弟的节点内容为"验证码不正确"
			$(this).parent().next().html("验证码不正确");
			showValid();//重新生成一次验证码
			$(this).parent().css("border-color","red");
			//该元素的父元素边框变成红色
		}else{
			$(this).parent().next().html("&nbsp;");
			//否则该元素的父元素的下一个兄弟的节点内容为"&nbsp;"
			$(this).parent().css("border-color","#CCCCCC");
			//该元素的父元素边框变成灰色
		}
		
	})
	
	//窗口大小改变事件:onresize
	$(window).resize(function(){
		//如果页面打开后没有点击过文本框,则currentShow是不存在的
		if(currentShow==undefined)return;
		//如果currentShow存在,则需对它重新定位
		$("#tip").css({
			top:$(currentShow).offset().top,
			left:$(currentShow).offset().left+$(currentShow).outerWidth()+10,
			display:"block"
		});
	})


//生成验证码
var validNumber;
function showValid(){
    var signArr=["+","-","*"];
    var n1=Math.floor(Math.random()*10);//0-9的随机数
    var n2=Math.floor(Math.random()*10);//0-9的随机数
    var sign=signArr[Math.floor(Math.random()*signArr.length)];//随机生成数组里的符号
    var result=n1+sign+n2;//把随机的内容链接
    validNumber=eval(result);//解析验证码,将结果放在全局变量中
    $("#showValidate").text(result);//获取解析后的结果
}